﻿@{
    ViewBag.Title = "Paging";
    Layout = "~/Views/Share/_BaseLayout.cshtml";
}
@section header
{
    <style type="text/css">

        .pager-bar {
            height: 20px;
            line-height: 20px;
        }

            .pager-bar span {
                font-weight: bold;
            }

            .pager-bar .pagerPage {
                display: inline-block;
                height: 20px;
                width: 20px;
                text-align: center;
                margin: 0 2px;
                border: 1px solid #9BB3FF;
            }

            .pager-bar .currentPage {
                border: none;
            }

            .pager-bar .firstPage, .pager-bar .lastPage {
                font-weight: bold;
            }

            .pager-bar .pagerPrefix, .pager-bar .pagerSubfix {
                width: 60px;
                border: 1px solid #9BB3FF;
            }
    </style>
    <script type="text/javascript">
        function Query(page) {
            //alert(page);
            $.ajax({
                url: 'PagingResult',
                data: {"pagenumber":page},
                type: 'post',
                
                success: function (rep) {
                    $("#mainContent").html(rep);
                },
                error: function (err) { }
            });
        }
    </script>
    }
<h2>Paging</h2>
<br />
<input type="button" value="Query" onclick="Query(1);"><div id="mainContent"></div>
